<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>




<!--主内容 [start]-->
<!-- Page content -->
<div id="content" class="col-md-12">

	<!--主内容-head [start]-->
	<!-- page header -->
	<div class="pageheader">

		<h2>
			<i class="fa fa-tachometer"></i> 数据驾驶舱 <span>图形化数据一目了然</span>
		</h2>


		<div class="breadcrumbs">
			<ol class="breadcrumb">
				<li>所在位置</li>
				<li><a
					href="${pageContext.request.contextPath}/wxflow/res1/index.jsp">数据驾驶舱</a></li>
				<li class="active">数据驾驶舱</li>
			</ol>
		</div>


	</div>
	<!-- /page header -->
	<!--主内容-head [end]-->




	<!--主内容-main [start]-->
	<!-- content main container -->
	<div class="main">

		<!-- cards -->
		<div class="row cards">

			<div class="card-container col-lg-3 col-sm-6 col-sm-12">
				<div class="card card-redbrown hover">
					<div class="front">

						<div class="media">
							<span class="pull-left"> <i
								class="fa fa-users media-object"></i>
							</span>

							<div class="media-body">
								<small>新增用户</small>
								<h2 class="media-heading animate-number" data-value="3659"
									data-animation-duration="1500">0</h2>
							</div>
						</div>

						<div class="progress-list">
							<div class="details">
								<div class="title">本月增长%</div>
							</div>
							<div class="status pull-right bg-transparent-black-1">
								<span class="animate-number" data-value="83"
									data-animation-duration="1500">0</span>%
							</div>
							<div class="clearfix"></div>
							<div class="progress progress-little progress-transparent-black">
								<div class="progress-bar animate-progress-bar"
									data-percentage="83%"></div>
							</div>
						</div>

					</div>
					<div class="back">
						<a href="#"> <i class="fa fa-bar-chart-o fa-4x"></i> <span>查看明细</span>
						</a>
					</div>
				</div>
			</div>


			<div class="card-container col-lg-3 col-sm-6 col-sm-12">
				<div class="card card-blue hover">
					<div class="front">

						<div class="media">
							<span class="pull-left"> <i
								class="fa fa-shopping-cart media-object"></i>
							</span>

							<div class="media-body">
								<small>代审流程</small>
								<h2 class="media-heading animate-number" data-value="19214"
									data-animation-duration="1500">0</h2>
							</div>
						</div>

						<div class="progress-list">
							<div class="details">
								<div class="title">占比%</div>
							</div>
							<div class="status pull-right bg-transparent-black-1">
								<span class="animate-number" data-value="100"
									data-animation-duration="1500">0</span>%
							</div>
							<div class="clearfix"></div>
							<div class="progress progress-little progress-transparent-black">
								<div class="progress-bar animate-progress-bar"
									data-percentage="100%"></div>
							</div>
						</div>

					</div>
					<div class="back">
						<a href="#"> <i class="fa fa-bar-chart-o fa-4x"></i> <span>查看明细</span>
						</a>
					</div>
				</div>
			</div>




		</div>
		<!-- /cards -->









	</div>
	<!-- /content container -->
	<!--主内容-main [end]-->

</div>
<!-- Page content end -->
<!--主内容 [end]-->

<%--图形js --%>     
	<script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/flot/jquery.flot.min.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/flot/jquery.flot.time.min.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/flot/jquery.flot.selection.min.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/flot/jquery.flot.animator.min.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/flot/jquery.flot.orderBars.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/easypiechart/jquery.easypiechart.min.js"></script>

    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/rickshaw/raphael-min.js"></script> 
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/rickshaw/d3.v2.js"></script>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/rickshaw/rickshaw.min.js"></script>

    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/morris/morris.min.js"></script>

    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/tabdrop/bootstrap-tabdrop.min.js"></script>

    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/summernote/summernote.min.js"></script>

    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/chosen/chosen.jquery.min.js"></script>
<%--动画效果 --%>
    <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/minimal.min.js"></script>
    
<%@ include file="/wxflow/indexDb_js.jsp"%>